<template>
  <div id="wrapper">
    <div class="header">
      <div class="header_logo">
        <a href="/">我的藏书阁</a>
      </div>
    </div>
    <AppLogo></AppLogo>
    <div id="main">
      <div id="hotcontent">
        <div class="ll">
          <div v-for="(item,index) in allMsg" :key="index" class="item">
            <div class="image">
              <nuxt-link tag="a">
                <img :src="item.imgUrl" :alt="item.name" width="120" height="150">
              </nuxt-link>
            </div>
            <dl>
              <dt>
                <span>{{item.author}}</span>
                <nuxt-link tag="a">{{item.name}}</nuxt-link>
              </dt>
              <dd>{{item.desc}}</dd>
            </dl>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <div id="newscontent">
        <div class="l">
          <h2>好看的网游竞技最近更新列表</h2>
          <ul>
            <li>
              <span class="s2">
                《
                <a href="/85_85098/" target="_blank">修炼从斗破苍穹开始</a>》
              </span>
              <span class="s3">
                <a href="/85_85098/395629.html" target="_blank">纳兰嫣然番外篇</a>(03-28)
              </span>
              <span class="s5">江湖有酒</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/77_77743/" target="_blank">钻石王牌之投手归来</a>》
              </span>
              <span class="s3">
                <a href="/77_77743/1283609.html" target="_blank">第七十二章：三振，又是三振（第三更）</a>(03-28)
              </span>
              <span class="s5">飞熊骑士</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85288/" target="_blank">武动之武祖再临</a>》
              </span>
              <span class="s3">
                <a href="/85_85288/395618.html" target="_blank">第389章 天妖域，叙旧</a>(03-28)
              </span>
              <span class="s5">李狂澜</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85111/" target="_blank">王者荣耀之极限进化系统</a>》
              </span>
              <span class="s3">
                <a href="/85_85111/395600.html" target="_blank">第798章 秒杀</a>(03-28)
              </span>
              <span class="s5">秋明山狐狸</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/82_82231/" target="_blank">火影神树之果在异界</a>》
              </span>
              <span class="s3">
                <a href="/82_82231/681177.html" target="_blank">第1562章 元极草</a>(03-28)
              </span>
              <span class="s5">天妒遗计</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85028/" target="_blank">联盟之佣兵系统</a>》
              </span>
              <span class="s3">
                <a href="/85_85028/395587.html" target="_blank">第五百零七章 绝境之下，拼力一搏（第一更）</a>(03-28)
              </span>
              <span class="s5">初四兮</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/82_82581/" target="_blank">我的皮肤强无敌</a>》
              </span>
              <span class="s3">
                <a href="/82_82581/681167.html" target="_blank">第1019章 愿意的话就眨眨眼</a>(03-28)
              </span>
              <span class="s5">寒夜生花</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85709/" target="_blank">漫漫仙路奇葩多</a>》
              </span>
              <span class="s3">
                <a href="/85_85709/395579.html" target="_blank">第151章 不要脸和无耻互飚演技</a>(03-28)
              </span>
              <span class="s5">半伤不破</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86582/" target="_blank">网游之金刚不坏</a>》
              </span>
              <span class="s3">
                <a href="/86_86582/64454.html" target="_blank">第四十二章 谦逊儒雅正直的牛大春</a>(03-28)
              </span>
              <span class="s5">铁牛仙</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86326/" target="_blank">创世游戏法典</a>》
              </span>
              <span class="s3">
                <a href="/86_86326/64452.html" target="_blank">第74章 异兽潮来临</a>(03-28)
              </span>
              <span class="s5">清水小蝌蚪</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86537/" target="_blank">网游之最强生活玩家</a>》
              </span>
              <span class="s3">
                <a href="/86_86537/64447.html" target="_blank">第204章 斗智斗勇！</a>(03-28)
              </span>
              <span class="s5">猪肉乱炖</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/84_84430/" target="_blank">网游之剑履山河</a>》
              </span>
              <span class="s3">
                <a href="/84_84430/395555.html" target="_blank">第280章 快节奏</a>(03-28)
              </span>
              <span class="s5">粉笔白</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/81_81290/" target="_blank">艾泽拉斯死亡轨迹</a>》
              </span>
              <span class="s3">
                <a href="/81_81290/1001874.html" target="_blank">41.哎呀，手滑了</a>(03-28)
              </span>
              <span class="s5">驿路羁旅</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86793/" target="_blank">私人定制大魔王</a>》
              </span>
              <span class="s3">
                <a href="/86_86793/64429.html" target="_blank">第十八章 归来的老恶魔</a>(03-28)
              </span>
              <span class="s5">黑乎乎的老妖</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/81_81917/" target="_blank">后卫之王</a>》
              </span>
              <span class="s3">
                <a href="/81_81917/1001869.html" target="_blank">第604章 G4，破釜沉舟之战</a>(03-28)
              </span>
              <span class="s5">幸福微光</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85186/" target="_blank">把现实改造成游戏</a>》
              </span>
              <span class="s3">
                <a href="/85_85186/395526.html" target="_blank">第两百一十六章 寒冰巡逻小队·F4人气天王（1/2）</a>(03-28)
              </span>
              <span class="s5">七十七度七</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/76_76534/" target="_blank">仙王的日常生活</a>》
              </span>
              <span class="s3">
                <a href="/76_76534/1283595.html" target="_blank">第九百六十五章 你好骚啊</a>(03-28)
              </span>
              <span class="s5">枯玄</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/82_82115/" target="_blank">直播在地下城</a>》
              </span>
              <span class="s3">
                <a href="/82_82115/681094.html" target="_blank">405.秃头出现</a>(03-28)
              </span>
              <span class="s5">膨胀的小剑剑</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86874/" target="_blank">神级职业宗师</a>》
              </span>
              <span class="s3">
                <a href="/86_86874/64401.html" target="_blank">第十一章 烹饪技术</a>(03-28)
              </span>
              <span class="s5">星铁菜刀</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86859/" target="_blank">网游之爆法狂牧</a>》
              </span>
              <span class="s3">
                <a href="/86_86859/64399.html" target="_blank">第二十二章 战神套装！</a>(03-28)
              </span>
              <span class="s5">晨少</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/81_81034/" target="_blank">荣耀：王者在上</a>》
              </span>
              <span class="s3">
                <a href="/81_81034/1001844.html" target="_blank">第325章 黑暗中的子弹！</a>(03-28)
              </span>
              <span class="s5">沉入海底</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/77_77971/" target="_blank">无限气运主宰</a>》
              </span>
              <span class="s3">
                <a href="/77_77971/1283590.html" target="_blank">第1302章 要不要互相加深一下感情？</a>(03-28)
              </span>
              <span class="s5">落花独立</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/17_17198/" target="_blank">问道章</a>》
              </span>
              <span class="s3">
                <a href="/17_17198/9418505.html" target="_blank">第三百零七章 传说</a>(03-28)
              </span>
              <span class="s5">文抄公</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/78_78723/" target="_blank">网游之至强剑士</a>》
              </span>
              <span class="s3">
                <a href="/78_78723/1123486.html" target="_blank">第769章 女子高中生的日常（三）</a>(03-28)
              </span>
              <span class="s5">右边人</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/81_81479/" target="_blank">万界之最强老爹</a>》
              </span>
              <span class="s3">
                <a href="/81_81479/1001836.html" target="_blank">第577章 混沌烛龙！</a>(03-28)
              </span>
              <span class="s5">晨安未见</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/82_82958/" target="_blank">从小李飞刀开始</a>》
              </span>
              <span class="s3">
                <a href="/82_82958/681075.html" target="_blank">第四百一十七章：还未结束</a>(03-28)
              </span>
              <span class="s5">春风渭水</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/77_77213/" target="_blank">网游之九转轮回</a>》
              </span>
              <span class="s3">
                <a href="/77_77213/1283589.html" target="_blank">第1681章：大获全胜</a>(03-28)
              </span>
              <span class="s5">莫若梦兮</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/86_86791/" target="_blank">从小兵到帝王</a>》
              </span>
              <span class="s3">
                <a href="/86_86791/64384.html" target="_blank">019 巡逻队到</a>(03-28)
              </span>
              <span class="s5">吐槽是福</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/85_85229/" target="_blank">我的姐姐你惹不起</a>》
              </span>
              <span class="s3">
                <a href="/85_85229/395494.html" target="_blank">第683章 自己，这是怎么了……</a>(03-28)
              </span>
              <span class="s5">西瓜味的菠萝</span>
            </li>
            <li>
              <span class="s2">
                《
                <a href="/84_84119/" target="_blank">我的老婆是大BOSS</a>》
              </span>
              <span class="s3">
                <a href="/84_84119/395493.html" target="_blank">第四百七十六章 在天上坐车的大佬</a>(03-28)
              </span>
              <span class="s5">中二少年肤浅</span>
            </li>
          </ul>
        </div>
        <div class="r">
          <h2>好看的网游竞技</h2>
          <ul>
            <li>
              <span class="s2">
                <a href="/86_86903/">重生末世之御宠为尊</a>
              </span>
              <span class="s5">虾米从不断更</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86885/">古代游戏入侵现实</a>
              </span>
              <span class="s5">书迷1</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86874/">神级职业宗师</a>
              </span>
              <span class="s5">星铁菜刀</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86867/">神话三国之献帝逆袭</a>
              </span>
              <span class="s5">不癫真人</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86864/">联盟之天王巨星</a>
              </span>
              <span class="s5">剑断了</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86861/">我被游戏NPC上身了</a>
              </span>
              <span class="s5">家里第三胖</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86860/">放开我的舰娘</a>
              </span>
              <span class="s5">干锅鸡翅虾</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86859/">网游之爆法狂牧</a>
              </span>
              <span class="s5">晨少</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86793/">私人定制大魔王</a>
              </span>
              <span class="s5">黑乎乎的老妖</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86791/">从小兵到帝王</a>
              </span>
              <span class="s5">吐槽是福</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86770/">盾战至高</a>
              </span>
              <span class="s5">哲白</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86758/">荒岛求生攻略</a>
              </span>
              <span class="s5">秦川太白</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86717/">人仙武帝</a>
              </span>
              <span class="s5">魔性阡陌</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86658/">小心，大魔王出没</a>
              </span>
              <span class="s5">秋度</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86657/">我的游戏平台</a>
              </span>
              <span class="s5">秦川二哈</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86627/">我不是五五开</a>
              </span>
              <span class="s5">小木不是小暮</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86582/">网游之金刚不坏</a>
              </span>
              <span class="s5">铁牛仙</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86574/">网游之白骨大圣</a>
              </span>
              <span class="s5">逆袭的马里奥</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86571/">氪金升格地球</a>
              </span>
              <span class="s5">天天炸年糕</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86537/">网游之最强生活玩家</a>
              </span>
              <span class="s5">猪肉乱炖</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86514/">我的真实游戏世界</a>
              </span>
              <span class="s5">镇东</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86488/">界之柱</a>
              </span>
              <span class="s5">不存在的笔名</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86464/">放课后别走</a>
              </span>
              <span class="s5">作梦DR</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86450/">恶魔法典</a>
              </span>
              <span class="s5">梦幻天心</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86406/">回合制乌龟</a>
              </span>
              <span class="s5">一棵小白菜呀</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86383/">我身体是数据</a>
              </span>
              <span class="s5">一年余光</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86363/">这个世界很超凡</a>
              </span>
              <span class="s5">宅系魔王</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86360/">法师乔安</a>
              </span>
              <span class="s5">程剑心</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86326/">创世游戏法典</a>
              </span>
              <span class="s5">清水小蝌蚪</span>
            </li>
            <li>
              <span class="s2">
                <a href="/86_86315/">网游之无敌锦鲤</a>
              </span>
              <span class="s5">方谟</span>
            </li>
          </ul>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <div class="footer">
      <div class="footer_link">
        <p>
          <a href="/">自动访问我的藏书阁</a>
          <span>|</span>我的藏书阁每天最快更新！
          <span>|</span>
        </p>
      </div>
      <div class="footer_cont"></div>
    </div>
  </div>
</template>

<script>
import AppLogo from "~/components/AppLogo.vue";
import axios from "axios";

export default {
  components: {
    AppLogo
  },
  data() {
    return {
      searchText: "",
      sizeCover: "",
      allMsg: []
    };
  },
  created() {
    this.monitor(this.$route.query.id);
    // alert(this.$route.params.id)
  },
  mounted() {
    this.aaa(this.$route.query.id);
  },
  methods: {
    monitor(tag) {
      if (tag == "wxxy") {
        this.aaa("武侠");
      }
      if (tag == "xhqh") {
        this.aaa("玄幻");
      }
      if (tag == "dsyq") {
        this.aaa("都市");
      }
      if (tag == "lsjs") {
        this.aaa("历史");
      }
      if (tag == "khly") {
        this.aaa("灵异");
      }
      if (tag == "wyjj") {
        this.aaa("游戏");
      }
      if (tag == "nppd") {
        this.aaa("二次元");
      }
    },
    aaa(msg) {
      // cartoon
      axios
        .get("https://uniontest.bookapi.cn/SEARCH/search/allParamSearch", {
          params: {
            packageName: "cc.quanbennovel",
            genre: msg,
            pageNum: 1,
            pageSize: 6
          }
        })
        .then(response => {
          this.allMsg = response.data.data;
        })
        .catch(error => {
          console.log("请求失败");
        });
    },
    fetchData(newVal, oldVa) {
      this.monitor(this.$route.query.id);
    }
  },
  watch: {
    $route: "fetchData"
  }
};
</script>

<style scoped>
.container {
  min-height: 100vh;
}

.title {
  font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
  display: block;
  font-weight: 300;
  color: #35495e;
  letter-spacing: 1px;
}
</style>

